<template>
  <div>落实到可能佛山店</div>
  <div>
    <gpopover position="top" trigger="click">
      <template #trigger>
        <n-button @click="dianji()">1111</n-button>
      </template>
      <p>sdfsdgdfsdfsdgdfgsdfgdfgdgd</p>
    </gpopover>
    <gpopover position="left" trigger="click">
      <template #trigger>
        <n-button>2222</n-button>
      </template>
      <p>sdfsdgdfsdfsdgdfgsdfgdfgdgd</p>
    </gpopover>
    <gpopover position="right" trigger="click">
      <template #trigger>
        <n-button>3333</n-button>
      </template>
      <p>sdfsdgdfsdfsdgdfgsdfgdfgdgd</p>
    </gpopover>
    <gpopover position="bottom" trigger="click">
      <template #trigger>
        <n-button>4444</n-button>
      </template>
      <p>sdfsdgdfsdfsdgdfgsdfgdfgdgd</p>
    </gpopover>
    <gselect>
      <goption :value="4">{{666}}</goption>
      <goption :value="1">{{666}}</goption>
      <goption :value="3">{{666}}</goption>
      <goption :value="2">{{666}}</goption>
    </gselect>
    <slider></slider>
  </div>
</template>

<script>
import {defineComponent,ref} from "vue";
import {NButton} from "naive-ui"
export default defineComponent({
  name: 'Shouye',//组件名称
  props: {
    //接收父组件数据
  },
  components: {
    NButton,
  },
  setup(prop, content) {
    console.log("首页初始化")
    const changdu = ref(80)
    const dianji=()=>{
      console.log("首页收到点击事件")
    }
    const gaibian=(value)=>{
      changdu.value = value
    }
    return {dianji,changdu,gaibian}
  }
})
</script>

<style scoped>

</style>
